@charset "utf-8";
/* CSS Document */
	body
	{	
		margin:auto;
		padding:0;
		font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", sans-serif;
	}
	div{
		
	}
	#wrapper{
		width:1040px;
		margin: auto;
		
		
	}
	#allcontent{
	    width:100%;
	    
		height:auto;
	   
	}
	
	#head{
		top:0px; 
		width:1040px;
		height:50px;
		z-index:150;
		margin:0;
        background:rgb(45,124,230);
        position:fixed;
	}
	#searchblock{
		margin:5px;
	}
	#logo{
		height:100%;	
	}
	.block{
		text-align:center;
		margin:auto;
		float:left;
		width:80px;
		height:100%;
		padding:auto;
		font-size:24px;
	     line-height:50px;
	     color:#24498A;
		background:#5DD7F0; /* Old browsers */
		
		
	}
	
	
	.block:hover{
        cursor:pointer;
        background:rgb(20,120,220);
        color:#ffffff; 
    }
    .title{
    	cursor:pointer;
    }
    .back:hover{
    	cursor:pointer;
    	color:#555;
    }
	.empty
	{
		float:left;
		
		height:50px;
		font-size:24;
		
	}
	
	#slideframe{
		width:100%;
		background:#000;
	}
	#img{
		position:relative;
		width:10%; 
		background:rgb(102,204,255); 
		
	}
	#left{
		 float:left;
		 background:rgb(255,255,255);
		 position:fixed;	
		 width:173px;
		 height:100%;
	}
	#right{
		background:#ffffff;
		margin-left:840px;
		position:fixed;
		width:200px;
		height:100%;
	}
	#middle{
		padding:5px;
		 margin-left: 173px;
		 
		 height:auto;
	}
	#allcontent{
		margin-top: 50px;
		
	}
	.content{
	    width:580px;
		float:left;
		
		margin:auto;
	}
	.event{
	    margin: 10px;
	    padding:30px;
	    width:100%;
	    border:2px solid #AAEEFF;
	    background:rgb(255,255,255);
	    
	    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
	}
	#tags{
	    
		height:30px;
		width: 150px;
		
	}
	.tag:hover{
		background:#ADE;
	}
	
	#accordion{
		width:173px;
	}
	.title{
	    margin:10px;
	    width:200px;
	}
	.title:hover{
		color:#FF4DE7;
	}
	.discription{
	   text-align:left;
	   background:#ffffff;   
	   float: clear; 
	   
	   margin:2px;
	}
	.eventInfo{
		margin:2px;
		float:left;
		width:80px;
	}
    h1{
        text-align:left;
    }
    .image{
       margin:10px;
       float:left;
    }
    .eventcontent{
        
    }
    p{
        margin:2px;

    }
    h1{
        margin:5px;
    }
    h3{
        margin:3px;
        text-align:left;
    }
    .category{
     text-align: left;
    }

	
	.commentimg{
		margin:5px;
		float:left;
	}
	.commentname{
		color:#012;
		text-align:left;
		
	}
	.commentcontent{
		color:#012;
		text-align:left;	
	}
	

	.likeBtn{
		 background-image:url(img/unpressed_likebtn.png);
		 width:81px;
		 height:30px;	 
	}
	
	.cycle-slideshow
	{
		margin:10px;
		width:640px;
		border-color:#A21;
		border-bottom-width:2px;
	}
	.slides
	{
		
		height:200px;
	}
	.slide{
		font-size: 48;
	}
